(function (window, $, undefined) {
  var _block_namespaces_ = window._block_namespaces_ || (window._block_namespaces_ = {});
  var name = "img_text_24054";
  var blockNamespace = _block_namespaces_[name] || (_block_namespaces_[name] = {});
  $.extend(blockNamespace, {
    "init": init
  })

  function init(nodeObj) {
    if (!!!nodeObj) {
      return;
    }
    var $selector = $('div[data-settingid=' + nodeObj.settingId + ']');
    var clientWidth = document.documentElement.clientWidth || document.body.clientWidth;
    var $block_id = "div[data-settingid=" + nodeObj.settingId + "]";
    
    // 后续代码
    //web端初始化
    console.log(111)
    var original_html = $selector.find('.img_text_24054').html(); 

    //-------------
    // 请求
    var isFrontend = window.$_phoenix == undefined;
    var str = '';
    var pre = $selector.find(".proshow-scroll-item"); //获取添加data-pid 的元素;
    var resopnse;
    pre.each(function(i,data){   //遍历元素获每个pid 拼接成 str
      var pid = $(this).data('pid');
      i===pre.length-1 ? str+=pid:str+=pid+","
    }) 
    if(isFrontend){
        url='/phoenix/admin/prod/label/get'
    }else{
        url='/prod/label/get'
    }
    //ajax请求
    $.ajax ({ 
      url: '/prod/label/get',
      type: 'GET',
      dataType: 'json',
      data: {
        ids: str   
      },
      success: function(data) { 
          console.log(data)
    
           $selector.find('.proshow-scroll-item').each(function(index, el){  //遍历每个标题下的产品块的每个产品
            var pid = $(el).attr('data-pid');  //获取每个产品星级的pid;
            if(!(data[pid].length === 0)) {   //判断是否添加标签 length不为0 说明有添加标签
            console.log(22)
                var lebal_html='';
                var lebal_html_img = '';
                for(var i = 0; i < data[pid].length; i++) { //遍历每个标签
                  //判断是否自定义
                  if(data[pid][i].labelDivision === "1"){ 
                    //判断自定义文本
                    if(data[pid][i].showType === '0') {
                      //左上角处理
                      if(data[pid][i].showPositon === '0') {
                        lebal_html =lebal_html+ '<div class="product_label" style="transform:rotateZ(0);display:flex;top:0;left:0;color:'+data[pid][i].fontColor+';border-top: 85px solid '+data[pid][i].backgroundColor+'"><span style="transform: rotate(-45deg);">'+data[pid][i].labelName+'</span></div>';
                        $(el).find('.lebal_box').html(lebal_html); //插入.lebal_box中
                      }else if(data[pid][i].showPositon === '1') { //右上角处理
                        lebal_html = lebal_html +'<div class="product_label" style="transform:rotateZ(-45deg); background-color:'+data[pid][i].backgroundColor+';display:flex;top:-20%;right:-20%;color:'+data[pid][i].fontColor+'"><span style="transform:rotateZ(90deg);">'+data[pid][i].labelName+'</span></div>';
                        $(el).find('.lebal_box').html(lebal_html);
                      }else if(data[pid][i].showPositon === '2'){ //图片上方处理
                        lebal_html = lebal_html + '<span  class="leable_up" style="padding: 5px; background-color:'+data[pid][i].backgroundColor+';color:'+data[pid][i].fontColor+'">'+data[pid][i].labelName+'</span>'
                        $(el).find('.img_top').html(lebal_html);
                        $(el).find('.lebal_box').html(lebal_html);
                      }else if(data[pid][i].showPositon === '4') {  //标题前添加标签处理
                        $(el).find(' .showPositon_title').css({'background-color':data[pid][i].backgroundColor,'color':data[pid][i].fontColor,'padding':'0 5px'})
                        $(el).find('.showPositon_title').html(data[pid][i].labelName);
                      }
                    //自定义图片处理
                    }else {
                      //图片右侧;
                      if(data[pid][i].showPositon === '3') {
                        lebal_html_img = lebal_html_img + '<div class="lebal_img" style="top:0; right: 0"><img src="'+data[pid][i].picUrl+'"></img></div>';
                        $(el).find('.lebal_img_box').html(lebal_html_img);
                      }else if(data[pid][i].showPositon === '1') { //图片在右上侧
                        
                        lebal_html_img = lebal_html_img + '<div class="lebal_img" style="top:0; right: 0"><img src="'+data[pid][i].picUrl+'"></img></div>';
                        $(el).find('.lebal_img_box').html(lebal_html_img);
                      }else if(data[pid][i].showPositon === '0') { //图片左上侧
                        
                        lebal_html_img = lebal_html_img + '<div class="lebal_img" style="top:0; left: 0" ><img src="'+data[pid][i].picUrl+'"></img></div>';
                        $(el).find('.lebal_img_box').html(lebal_html_img);
                      }
              
                    }
                  }else { //默认
                  }
                }
            }
          }) 
        original_html = $selector.find('.block_22314').html(); 
      }
    })
    
      var swiper_24054 = new Swiper_block(""+$block_id+" .swiper_24054", {
            slidesPerView : 1,
            spaceBetween : 20,
             navigation: {
            nextEl: ''+$block_id+' .swiper-button-next',
            prevEl: ''+$block_id+' .swiper-button-prev',
            },
             breakpoints: { 
              1221: {  //当屏幕宽度大于等于768 
                slidesPerView : 4,
                spaceBetween : 20,    
              },
              800:{
                slidesPerView : 3,
                spaceBetween : 20,    
              },
            681: {  //当屏幕宽度大于等于768 
                slidesPerView : 2,
                spaceBetween : 20,    
              },
            },
        });


    //移动端点击事件
    $selector.find('.proshow-scroll-item').each(function(i,el){
        $(el).on('click',function(){
            $(el).addClass('model_active').siblings().removeClass('model_active')
        })
    })

    $selector.find('.fy_btn').off('click').on('click',function(){
      var winWidth =$(window).width();
      if($(this).hasClass("rotate")){
        $(this).removeClass("rotate").addClass("rotate1");
        $selector.find('.flag_hide').slideUp() 
        // $selector.find('.flag_hide_backend').slideDown() 
        
        if(winWidth < 680){
              $selector.find('.md_flag_hide').slideUp() 
        }

        }else{
        $(this).removeClass("rotate1").addClass("rotate");
        $selector.find('.flag_hide').slideDown() 
        //  $selector.find('.flag_hide_backend').slideUp() 
         if(winWidth < 680){
              $selector.find('.md_flag_hide').slideDown() 
        }
      }

    })
    var showItem = 0;
    $selector.find('.flag_hide').each(function(i){
      if($(this).find('.proshow-top-shell').length > 0){
        showItem++
      }
    })

    if(showItem == 0){
      $selector.find('.fy_btn').hide();
    }
    var $winWidth =$(window).width();
    if($winWidth < 680 ){
      if($selector.find('.md_flag_hide').find('.proshow-top-shell') .length > 0){
        console.log(112)
          $selector.find('.fy_btn').show();
      }else{
        $selector.find('.fy_btn').hide();
      }
    }

    $(window).resize(function() {
      var $winWidth1 =$(window).width();
      if($winWidth1 < 680 ){
        if($selector.find('.md_flag_hide').find('.proshow-top-shell') .length > 0){
            $selector.find('.fy_btn').show();
        }else{
          $selector.find('.fy_btn').hide();
        }
      }else{
          var showItem1 = 0;
          $selector.find('.flag_hide').each(function(i){
            if($(this).find('.proshow-top-shell').length > 0){
              showItem1++
            }
          })

          if(showItem1 == 0){
            $selector.find('.fy_btn').hide();
          }else{
            $selector.find('.fy_btn').show();
          }
 
      }
    })
  
  }
})(window, jQuery);